<!DOCTYPE html>
{% load static %}
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %} Canan的博客 {% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/pure-min.css' %}"/> <!--pure.css雅虎出的类似bootstrap的一种微UI框架-->
    <link rel="stylesheet" type="text/css" href="{% static 'css/grids-responsive-min.css' %}"/><!--表格自适应显示-->
    <link rel="stylesheet" type="text/css" href="{% static 'css/blog.css' %}"/><!--网站自定义的css-->
    <link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}"/><!--图标-->
</head>
<body>
<div id="layout" class="pure-g">
    <div class="sidebar pure-u-1 pure-u-md-1-4">
        <div class="header">
            <h1 class="brand-title"><a href="{% url 'home' %}">Canan的博客</a></h1>
            <h2 class="brand-tagline">此处应有一句座右铭</h2>
            <nav class="nav">
                <ul class="nav-list">
                    <li class="nav-item">
                        <a class="pure-button" href="https://github.com/leeyis/">Github</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="content pure-u-1 pure-u-md-3-4">
        <div>
            {% block content %}
            {% endblock %}
        </div>
    </div>
</div>
</body>
</html>